<template>
  <view class="layout">
    <wd-navbar
      title="运动分析"
      placeholder
      left-arrow
      :style="{ marginTop: `${navHeight}px` }"
      @click-left="handleClickLeft"
    />
    <basic-info />
    <record-list />
    <bodyAnalyze />
    <image src="/static/images/aibanner.png" mode="scaleToFill" class="image" />
    <view />
  </view>
</template>

<script lang="ts" setup>
import { useConfigStore } from "@/store/config";
import BasicInfo from "./components/basicInfo.vue";
import BodyAnalyze from "./components/bodyAnalyze.vue";
import RecordList from "./components/recordList.vue";

definePage({
  style: {
    navigationBarTitleText: "运动分析",
    navigationStyle: "custom",
  },
});
const navHeight = ref(0);
const configStore = useConfigStore();
navHeight.value = configStore.systemBarHeight;
const studentInfo = reactive<{
  name: string;
  year: number;
  classValue: number;
  score: number;
  weight: number;
  height: number;
}>({
  name: "",
  idCard: "",
  birthday: 0,
  height: "",
  weight: "",
});
function handleClickLeft() {
  uni.navigateBack();
}
</script>

<style lang="scss" scoped>
.layout {
  width: 100vw;
  height: 100vh;
  background: #f5f5f5;
}
.image {
  width: 100%;
  height: 80px;
  border-radius: 10px;
  opacity: 0.4;
}
</style>
